.quantification {
	/*#ifdef APP-PLUS*/
	padding-top: calc(var(--status-bar-height));
	/*#endif*/
	background: url(@/static/image/21.png) no-repeat;
	background-size: 100%;
	.title {
		font-size: 21px;
		color: #ffffff;
		display: flex;
		justify-content: space-between;
		padding: 15px;
		font-weight: bold;
		image {
			width: 35px;
			height: 35px;
		}
	}
	.statistics {
		background: url(@/static/image/23.png) no-repeat;
		background-size: 100% 100%;
		margin: 15px;

		> view:nth-child(1) {
			background: url(@/static/image/24.png) no-repeat;
			background-size: 100% 100%;
			padding: 13px 0;
			display: flex;
			> view {
				width: 33.33%;
				font-size: 12px;
				color: #ffffff;
				border-right: 1px solid rgba(255, 255, 255, 0.15);
				> view {
					text-align: center;

					image {
						width: 12px;
						height: 12px;
						margin-right: 2px;
						vertical-align: middle;
					}
				}
				> view:nth-child(2) {
					margin-top: 8px;
					font-size: 11px;
					color: #9ca3af;
				}
			}
			> view:last-child {
				border-right: 0;
			}
		}
	}
	.trade {
		background: rgba(255, 255, 255, 0.06);
		border-radius: 5px 5px 5px 5px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		margin: 15px;
		> view:nth-child(1) {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20px 15px 18px;
			font-size: 16px;
			color: #22b1ff;
			line-height: 1;
			font-weight: bold;
			> view:nth-child(1) {
				border-left: 3px solid #22b1ff;
				padding-left: 10px;
				display: flex;
				align-items: center;
			}

			> view:nth-child(2) {
				font-size: 14px;
				color: rgba(255, 255, 255, 0.5);
				display: flex;
				align-items: center;
				image {
					width: 17px;
					height: 17px;
					margin-left: 3px;
				}
			}
		}
		> view:nth-child(2) {
			.start {
				.btn {
					height: 48px;
					background: #22b1ff;
					border-radius: 8px 8px 8px 8px;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 16px;
					width: 250px;
					margin: 34px auto;
					color: #fefffe;
				}
				.loading {
					font-size: 11px;
					color: #969799;
					text-align: center;
					image {
						width: 250px;
						height: 250px;
						margin-top: -40px;
						margin-bottom: -40px;
					}
				}
			}
			.num {
				font-size: 16px;
				color: #22b1ff;
				text-align: center;
				letter-spacing: 1px;
			}
			.time {
				font-size: 12px;
				color: #969799;
				padding: 15px;
				display: flex;
				align-items: center;
			
				text {
					font-size: 12px;
					color: #22b1ff;
				}
			}
		}
	}
	.priorityPolicy {
		> view {
			background: rgba(255, 255, 255, 0.06);
			border-radius: 5px 5px 5px 5px;
			border-top: 1px solid rgba(255, 255, 255, 0.1);
			margin: 15px;
			> view:nth-child(1) {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 20px 15px;
				font-size: 16px;
				color: #22b1ff;
				line-height: 1;
				font-weight: bold;
				> view:nth-child(1) {
					border-left: 3px solid #22b1ff;
					padding-left: 10px;
					display: flex;
					align-items: center;
				}

				> view:nth-child(2) {
					font-size: 14px;
					color: rgba(255, 255, 255, 0.5);
					image {
						width: 17px;
						height: 17px;
						vertical-align: middle;
						margin-left: 5px;
					}
				}
				.unlock {
					background: #22b1ff;
					border-radius: 4px 4px 4px 4px;
					font-size: 12px;
					color: #ffffff;
					padding: 6px 10px;
				}
				.currentLevel {
					background: rgba(255, 255, 255, 0.1);
					border-radius: 4px 4px 4px 4px;
					font-size: 12px;
					color: rgba(255, 255, 255, 0.7);
					padding: 4px 10px;
				}
			}
			.priorityIcon {
				display: flex;
				flex-wrap: wrap;
				padding: 0 15px;

				> view {
					width: 50%;
					font-size: 11px;
					color: #9ca3af;
					display: flex;
					align-items: center;
					margin-bottom: 12px;

					image {
						width: 22px;
						height: 22px;
						margin-right: 6px;
					}
					> view {
						> view:nth-child(1) {
							margin-bottom: 2px;
							font-size: 12px;
							color: #ffffff;
						}
					}
				}
			}
			.popular {
				padding: 8px 15px 10px;
				background: url(@/static/image/24.png) no-repeat;
				background-size: 100% 100%;
				> view:nth-child(1) {
					display: flex;
					justify-content: space-between;
					align-items: center;
					font-size: 13px;
					color: #9ca3af;
					> view:nth-child(1) {
						display: flex;
						align-items: center;
						.bor {
							background: rgba(216, 216, 216, 0);
							border-radius: 26px 26px 26px 26px;
							border: 1px solid rgba(255, 255, 255, 0.6);
							font-size: 13px;
							color: rgba(255, 255, 255, 0.8);
							padding: 4px 10px;
							margin-right: 10px;
						}
					}
					> view:nth-child(2) {
						font-size: 14px;
						color: rgba(255, 255, 255, 0.5);
						background: url(@/static/image/32.png) no-repeat right center;
						background-size: 7px 12px;
						padding-right: 14px;
						line-height: 1;
					}
				}
				> view:nth-child(2) {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					> view {
						display: flex;
						align-items: center;
						font-size: 11px;
						margin-top: 10px;
						color: #ffffff;
						image {
							width: 25px;
							height: 25px;
							margin-right: 5px;
						}
					}
				}
			}
		}
	}
}

.quantitativeRecords {
	.list {
		padding: 12px;
		> view {
			margin-bottom: 12px;
			background: rgba(255, 255, 255, 0.05);
			border-radius: 5px 5px 5px 5px;
			border: 1px solid rgba(255, 255, 255, 0.1);
			padding: 10px;
			// > view:nth-child(1) {
			// 	display: flex;
			// 	justify-content: space-between;
			// 	font-size: 14px;
			// 	color: #ffffff;
			// 	> view {
			// 		display: flex;
			// 		align-items: center;
			// 		text {
			// 			font-size: 11px;
			// 			color: rgba(255, 255, 255, 0.6);
			// 		}
			// 	}
			// 	> view:nth-child(2) {
			// 		font-size: 14px;
			// 		color: #22b1ff;
			// 	}
			// 	image {
			// 		width: 25px;
			// 		height: 25px;
			// 		margin-right: 5px;
			// 	}
			// }

			> view:nth-child(1) {
				margin-top: 5px;
				> view {
					display: flex;
					justify-content: space-between;
					border-bottom: 1px solid rgba(255, 255, 255, 0.15);
					> view {
						font-size: 11px;
						color: #ffffff;
						width: 33.33%;
						> view:nth-child(2) {
							font-size: 11px;
							color: rgba(255, 255, 255, 0.7);
							margin-top: 4px;
						}
						.profit {
							font-size: 11px;
							color: #22b1ff;
						}
					}
					> view:nth-child(2) {
						text-align: center;
					}
					> view:nth-child(3) {
						text-align: right;
					}
				}
				>view:nth-child(1){
					padding-bottom: 10px ;

				}
				
				>view:nth-child(2){
					padding-top: 10px ;

				}
				> view:last-child {
					border-bottom: 0;
				}
			}
			// > view:nth-child(3) {
			// 	font-size: 14px;
			// 	color: #ffffff;
			// }
		}
	}
}
.quantitativeTutorial {
	.tips {
		padding: 15px;
		font-size: 16px;
		color: rgba(255, 255, 255, 0.8);
		line-height: 32px;
	}
}
.strategyDetails {
	.com {
		padding: 15px;
		> view:nth-child(1) {
			padding: 15px;

			background: rgba(255, 255, 255, 0.05);
			border-radius: 5px 5px 5px 5px;
			border: 1px solid rgba(255, 255, 255, 0.1);
			> view:nth-child(1) {
				font-weight: 600;
				font-size: 16px;
				color: #ffffff;
			}
			> view:nth-child(2) {
				font-size: 15px;
				color: rgba(255, 255, 255, 0.5);
				margin-top: 5px;
			}
		}
		> view:nth-child(2) {
			padding: 15px;
			margin-top: 15px;
			background: rgba(255, 255, 255, 0.05);
			border-radius: 5px 5px 5px 5px;
			border: 1px solid rgba(255, 255, 255, 0.1);
			> view:nth-child(1) {
				font-size: 16px;
				color: #22b1ff;
				border-left: 3px solid #22b1ff;
				padding-left: 5px;
				line-height: 1;
			}
			> view:nth-child(2) {
				font-size: 11px;
				color: #ffffff;
				text-align: center;
				display: flex;
				justify-content: space-between;
				margin-top: 15px;
				image {
					width: 50px;
					height: 50px;
					margin-bottom: 5px;
				}
			}
		}
	}
}
